<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-3.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">

  <head>
    <title>Good Thymes Virtual Grocery</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <script src="../assets/js/jquery.js"></script>
    <script src="../assets/js/bootstrap-dropdown.js"></script>
	<script src="../assets/js/bootstrap-collapse.js"></script>
    <div th:remove="tag" th:include="navbar::head"></div>
  </head>

  <body id="body">
  	<div th:include="navbar::copy" th:remove="tag"></div>
    
  	
  	<div class="container">

    <h1>Comments for product: <span th:text="${prod.name}">Hot Garlic</span></h1>
  
    <table class="table">
      <tr th:each="c : ${prod.comments}" th:class="${cStat.odd}? 'odd'">
        <td th:text="${c.text}">Garlic is just fantastic!</td>
      </tr>
    </table>
  
    </div>
  </body>
  
</html>

